<template>
  <vue-modal
    :title="title"
    ok-text="提交"
    cancel-text="取消"
    :show.sync="showSave"
    effect="fade"
    :small="true"
    :width="460"
    :callback="submit">
    <div slot="modal-body" class="modal-body">
      <form class="form-horizontal" role="form">
        <div class="form-group form-group-sm text-left">
          <label class="col-sm-3 control-label">*标题</label>
          <div class="col-sm-9 ">
            <div class="text-left">
              <input type="text" class="form-control input-sm" v-model="it.title" >
            </div>
          </div>
        </div>
        <div class="form-group form-group-sm text-left">
          <label class="col-sm-3 control-label">*主讲人</label>
          <div class="col-sm-9 ">
            <div class="text-left">
              <input type="text" class="form-control input-sm" v-model="it.speaker" >
            </div>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*封面图片</label>
          <div class="col-sm-9 text-left">
            <div class="pic-url" v-if="it.picUrl">
              原图：<br>
              <img :src="it.picUrl">
            </div>
            <input type="file" class="form-control" accept="image/jpeg,image/png" v-model="it.file" v-el:file>
          </div>
        </div>
        <div class="form-group form-group-sm text-left">
          <label class="col-sm-3 control-label">内容纪要文章url</label>
          <div class="col-sm-9 ">
            <div class="text-left">
              <input type="text" class="form-control input-sm" v-model="it.contentUrl" >
            </div>
          </div>
        </div>
        <div class="form-group form-group-sm text-left">
          <label class="col-sm-3 control-label">*投资大讲堂访问url</label>
          <div class="col-sm-9 ">
            <div class="text-left">
              <input type="text" class="form-control input-sm" v-model="it.lectureUrl" >
            </div>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*开始时间</label>
          <div class="col-sm-9 text-left">
            <vue-datepicker
              :time.sync="it.startTime"
              :option="datePickerOption"
            ></vue-datepicker>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*结束时间</label>
          <div class="col-sm-9 text-left">
            <vue-datepicker
              :time.sync="it.endTime"
              :option="datePickerOption"
            ></vue-datepicker>
          </div>
        </div>
      </form>
    </div>
  </vue-modal>
</template>
<style src="./save.css" scoped></style>
<script src="./save.js"></script>